{
    "detail": {
        "width": 1224.66,
        "height": 804,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "人员定位",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "title": "文件夹",
            "name": "位置异常弹窗",
            "index": "d6e7eaa5-f22c-413a-82a5-e2d3b73064ba",
            "menu": false,
            "display": true,
            "lock": false,
            "children": [
                {
                    "name": "地图数据",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {projectId:14831,timeStamp:100000,randomNum:100000}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 117.1,
                        "height": -21.75,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"dtsj\"></div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      pointList:[],\n      refs:null\n    };\n  },\n  created() {\n    this.refs = this.$parent.getItemRefs();\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        if (val.data.length) {\n          this.pointList = val.data;\n          this.refs[\"62194f61-b78c-4e45-a87f-a8eb2deddeac\"].$refs.main.dw = this.pointList;\n        }\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  methods: {\n    handleClick() {\n      this.$message.success(this.dataChart.name);\n    },\n  },\n};\n</script>\n<style>\n.test {\n  text-align: center;\n  color: red;\n  font-size: 40px;\n}\n</style>"
                    },
                    "left": 892.76,
                    "top": 8.65,
                    "index": "1048e05b-3f49-48f8-b4f1-20bd565d9557",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 25,
                    "url": "https://console-api.hibuilding.cn/ydt/areaFence/list",
                    "dataMethod": "get",
                    "display": true
                },
                {
                    "title": "文本框",
                    "name": "文本框",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 1,
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {projectId:14831,timeStamp:100000,randomNum:100000}\n}",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "文本框"
                    },
                    "component": {
                        "width": 100,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "center",
                        "fontSize": 26,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 247.51,
                    "top": 3.16,
                    "index": "b0ba1420-1bcb-42d6-bc27-18d906928ae9",
                    "zIndex": 24,
                    "url": "https://console-api.hibuilding.cn/ydt/areaFence/list",
                    "dataMethod": "get",
                    "display": true
                },
                {
                    "title": "文本框",
                    "name": "位置异常",
                    "icon": "icon-text",
                    "img": "img/assets/text.png",
                    "dataType": 0,
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "data": {
                        "value": "位置异常"
                    },
                    "component": {
                        "width": 237.7,
                        "height": 40,
                        "name": "text",
                        "prop": "text"
                    },
                    "option": {
                        "textAlign": "left",
                        "fontSize": 28,
                        "fontWeight": "normal",
                        "color": "#fff"
                    },
                    "left": 47.34,
                    "top": 31.44,
                    "index": "e9d794b1-43b4-4c69-9e98-713f3427c985",
                    "zIndex": 23,
                    "display": true
                },
                {
                    "name": "关闭",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 42.99,
                        "height": 33.16,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n    <div>\n        <i class=\"el-icon-close closeEdit\" @click=\"close\"></i>\n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n            close(){\n                let refs=this.$parent.getItemRefs();\n     refs['d6e7eaa5-f22c-413a-82a5-e2d3b73064ba'].setDisplay(true)\n     refs['ce6fcce3-13df-46f5-8744-c03b1a4e82ff'].setDisplay(true)\n\n            }\n        }\n    }\n</script>\n\n<style>\n.closeEdit{\n font-size:40px;\n color:#fff;\n}\n</style>"
                    },
                    "left": 1096.5,
                    "top": 28.67,
                    "index": "593ec1e1-fa13-4660-95f3-6ee84a5ec1d6",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 22,
                    "display": true
                },
                {
                    "title": "图片",
                    "name": "下划线",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 82.65,
                    "left": 42.71,
                    "dataType": 0,
                    "data": {
                        "value": "https://waspring.oss-cn-hangzhou.aliyuncs.com/upload/20231008/6012b07ebc369b27cc0e9c22cbee3279.svg"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1093.5,
                        "height": 11.81,
                        "name": "img",
                        "prop": "img",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "24b49f5e-47ca-4492-944c-055dc413cdd3",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 21,
                    "display": true
                },
                {
                    "name": "预警地图",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {id:'11660',timeStamp:100000,randomNum:100000}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1104.95,
                        "height": 614.69,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\r\n  <div id=\"mapyj\"></div>\r\n</template>\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      map: null,\r\n      markers: [],\r\n      polygonList: [],\r\n      infoWindow: null,\r\n      dw: [],\r\n      wz: [],\r\n    };\r\n  },\r\n  created() {\r\n    window\r\n      .$loadScript(\r\n        \"js\",\r\n        \"https://webapi.amap.com/maps?v=2.0&key=8f1b4bfa36143143452768fafbf3b8bd\"\r\n      )\r\n      .then(() => {\r\n      });\r\n  },\r\n  watch: {\r\n    dataChart: {\r\n      handler(val) {\r\n        if (val.data) {\r\n          this.wz = val.data.allLBSList;\r\n          this.handleMarker();\r\n        }\r\n      },\r\n      deep: true,\r\n      immediate: true,\r\n    },\r\n    dw: {\r\n      handler(val) {\r\n        if (val) {\r\n          this.dw = val;\r\n          this.addPolygon();\r\n        }\r\n      },\r\n      deep: true,\r\n      immediate: true,\r\n    },\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.map = new AMap.Map(\"mapyj\", {\r\n        resizeEnable: true,\r\n        viewMode: \"3D\",\r\n        layers: [new AMap.TileLayer.Satellite()],\r\n        center: [120.261443, 29.274805],\r\n        zoom: 15,\r\n        expandZoomRange: true,\r\n        zooms: [1, 20],\r\n      });\r\n    },\r\n    handleMarker() {\r\n      if(this.markers.length){\r\n        this.map.remove(this.markers);\r\n      }\r\n      this.markers = [];\r\n      let data = this.wz;\r\n      let points = this.wz.map((item) => {\r\n        return [item.point.lng, item.point.lat];\r\n      });\r\n      for (let i = 0; i < points.length; i++) {\r\n        const icon = new AMap.Icon({\r\n          size: new AMap.Size(19, 33),\r\n          image:\r\n            \"https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240703/7de54baf35812bf26a16373d5f9bb068.png\",\r\n        });\r\n        let marker = new AMap.Marker({\r\n          icon,\r\n          position: points[i],\r\n          offset: new AMap.Pixel(-9.5, -16.5),\r\n        });\r\n        marker.on(\"click\", (e) => {\r\n          this.infoWindow = new AMap.InfoWindow({\r\n            content: ` <div class=\"map-bubble\">\r\n    <div class=\"bubble-left\">\r\n      <img\r\n        src=${data[i].avatar}\r\n      />\r\n    </div>\r\n    <div class=\"bubble-rigth\">\r\n      <div class=\"bubble-li\">${data[i].userName} ${data[i].jobName}</div>\r\n      <div class=\"bubble-li\">电量：${data[i].batterylevel * 100}%</div>\r\n      <div class=\"bubble-li\">${data[i].gmtUpload}</div>\r\n    </div>\r\n  </div>`,\r\n          });\r\n          this.infoWindow.open(this.map, [points[i][0], points[i][1]]);\r\n          this.map.setCenter([points[i][0], points[i][1]]);\r\n        });\r\n        this.markers.push(marker);\r\n        this.map.add(marker);\r\n      }\r\n    },\r\n    addPolygon() {\r\n      if(this.polygonList.length){\r\n        this.map.remove(this.polygonList);\r\n      }\r\n      for (let i = 0; i < this.dw.length; i++) {\r\n        let mapLine = this.dw[i].pointList.map((item) => {\r\n          return [item.lng, item.lat];\r\n        });\r\n        this.polygonList[i] = new AMap.Polygon({\r\n          map: this.map,\r\n          path: mapLine,\r\n          strokeColor: \"#2bb573\",\r\n          strokeWeight: 5,\r\n          strokeOpacity: 0.5,\r\n          fillOpacity: 0.3,\r\n          fillColor: `#409EFF`,\r\n          zIndex: 50,\r\n          bubble: true,\r\n        });\r\n      }\r\n    }\r\n  },\r\n};\r\n</script>\r\n<style>\r\n#mapyj {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.amap-icon > img {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.amap-info-content {\r\n  background-color: #0b2159;\r\n}\r\n.map-bubble {\r\n  width: 230px;\r\n  font-size: 15px;\r\n  background-color: #0b2159;\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n.bubble-left > img {\r\n  width: 60px;\r\n  height: 85px;\r\n}\r\n.bubble-rigth {\r\n  width: calc(100% - 70px);\r\n}\r\n.amap-info-sharp {\r\n  border-top: 8px solid #0b2159 !important;\r\n}\r\n</style>\r\n"
                    },
                    "left": 44.63,
                    "top": 111.55,
                    "index": "62194f61-b78c-4e45-a87f-a8eb2deddeac",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 20,
                    "display": true,
                    "url": "https://console-api.hibuilding.cn/ydt/hat/warn/lbs"
                },
                {
                    "title": "图片",
                    "name": "背景",
                    "icon": "icon-img",
                    "img": "img/assets/img.png",
                    "top": 9.7,
                    "left": 25.45,
                    "dataType": 0,
                    "data": {
                        "value": "https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240625/1a825d11981f453932abf23b9ba8c4a1.png"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1144.02,
                        "height": 753,
                        "name": "img",
                        "prop": "img",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "duration": "1000",
                        "opacity": 0
                    },
                    "index": "43aa157b-0695-4195-8e50-c284fa12ef88",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 19,
                    "display": true
                }
            ],
            "zIndex": 26,
            "child": {},
            "dataFormatter": "",
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "遮罩层",
            "index": "ce6fcce3-13df-46f5-8744-c03b1a4e82ff",
            "menu": false,
            "display": true,
            "lock": false,
            "children": [
                {
                    "name": "自定义Vue组件",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 1239.7,
                        "height": 826.41,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n    <div>\n    <div class=\"maskVue\"></div>\n        \n    </div>\n</template>\n<script>\n    export default{\n        data(){\n            return {}\n        },\n        created(){\n\n        },\n        methods:{\n\n        }\n    }\n</script>\n\n<style>\n.maskVue{width:100%;height:100%;position:fixed;top:0;background-color: rgba(0, 0, 0, 0.5); }\n</style>"
                    },
                    "left": -19.23,
                    "top": -22.8,
                    "index": "de47384e-5575-4456-8c66-16728426d549",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 17,
                    "display": true
                }
            ],
            "zIndex": 18,
            "child": {},
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "智能安全帽运行状态",
            "index": "d4d88a83-013d-44f0-8f20-fe84a830a5ef",
            "menu": false,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "标题",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 217.25,
                        "height": 27.64,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"bt\">\n    <div class=\"bt-head\">\n      <div class=\"line\"></div>\n      <div class=\"name\">智能安全帽运行状态</div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {};\n  },\n\n  mounted() {\n    this.refs = this.$parent.getItemRefs();\n  },\n  methods: {},\n};\n</script>\n\n<style>\n\n.bt-head {\n  display: flex;\n  align-items: center;\n}\n.line {\n  height: 30px;\n  width: 3px;\n  background-color: #1890ff;\n}\n.name {\n  color: #ffffff;\n  font-size: 20px;\n  font-weight: bold;\n  margin-left: 10px;\n}\n</style>\n"
                    },
                    "left": 0.94,
                    "top": -0.88,
                    "index": "f571ea53-cf2a-44b1-b3f7-50e6e010ed0b",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 15
                },
                {
                    "name": "安全帽表格",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "(data) => {\n      return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' };\n};\n",
                    "dataQuery": "(data)=>{\n    return {\"projectId\":\"${project_id}\",\"pageNum\":1,\"pageSize\":10,\"timeStamp\":100000,\"randomNum\":100000}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 602.94,
                        "height": 346.97,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div id=\"gzff\">\n    <div class=\"sbsl-con\">\n    <div class=\"sbsl\">设备数量：{{sbsl||0}}</div>\n    <div class=\"zxsl\">在线数量：{{zxsl||0}}</div>\n  </div>\n    <el-table\n      :data=\"tableData\"\n      style=\"width: 100%;height: 100%;\"\n      height=\"270px\"\n    >\n      <el-table-column prop=\"deviceName\" label=\"安全帽名称\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"userName\" label=\"绑定人员\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"lwgrsl\" label=\"实时状态\" show-overflow-tooltip>\n        <template slot-scope=\"scope\">\n          {{ scope.row.status?'在线':'离线' }}\n        </template>\n      </el-table-column>\n      <el-table-column prop=\"warnNumber\" label=\"预警次数\" show-overflow-tooltip>\n      </el-table-column>\n    </el-table>\n       <el-pagination\n      size=\"medium\"\n      @current-change=\"currentChange\"\n      style=\"margin-top: 10px; text-align: center\"\n      :page-size=\"pageSize\"\n      :pager-count=\"7\"\n      :current-page=\"page\"\n      layout=\"prev, pager, next\"\n      :total=\"total\"\n    >\n    </el-pagination>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      sbsl:'',\n      zxsl:'',\n      tableData: [],\n      pageSize: 10,\n      total: 0,\n      page: 1,\n      refs:''\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n         this.sbsl =val.data.deviceNumber;\n         this.zxsl =val.data.onlineNumber;\n        this.total =val.data.hatStatus.total;\n        this.tableData =val.data.hatStatus.items;\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted(){\n  },\n  methods: {\n     currentChange(value) {\n      this.page=value\n      this.$emit(\"click\", { pageNum: value });\n    },\n    handleView(item) {\n      const refs=this.$parent.getItemRefs()\n      refs[\"153340d5-7603-4819-9aff-2a49e32cdb60\"].$refs.main.check_record_id = item.check_record_id;\n      refs['d5bc0e05-5081-4b17-a52f-d0ed145eaac8'].setDisplay(false)\n      refs['96539d61-396c-4c92-8a0d-ac67a94180e6'].setDisplay(false)\n    },\n  },\n};\n</script>\n\n<style>\n.sbsl-con{\n  display: flex;\n  font-size: 16px;\n  color:#bfbfbf ;\n  display: flex;\n  align-items: center;\n  margin-left: 10px;\n  height: 40px;\n}\n.zxsl{\n  margin-left: 10px;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  color: #fff !important;\n}\n.el-table::before {\n          height: 0px;\n        }\n.el-table {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-pagination {\n  color: #fff !important;\n}\n.el-pager li.btn-quicknext {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  background: transparent !important;\n}\n.el-pager li {\n  background: transparent !important;\n}\n.el-table th {\n  background: rgb(22, 17, 90, 0.5) !important;\n  color: #fefefe;\n  border-bottom: none !important;\n}\n.el-table tr {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-table--enable-row-transition .el-table__body td,\n.el-table .cell {\n  color: #fff;\n}\n\n.el-table--enable-row-hover .el-table__body tr:hover > td {\n  background: rgb(22, 17, 90, 0.5) !important;\n}\n</style>\n"
                    },
                    "left": -11.12,
                    "top": 24.6,
                    "index": "04954197-bc9e-41f1-8b71-d447d4d99bc6",
                    "child": {
                        "index": [
                            "04954197-bc9e-41f1-8b71-d447d4d99bc6"
                        ],
                        "paramList": [],
                        "paramName": "pageNum",
                        "paramValue": "pageNum"
                    },
                    "zIndex": 14,
                    "dataMethod": "post",
                    "url": "https://console-api.hibuilding.cn/ydt/hat/screen/status/pageSelect",
                    "display": false,
                    "proxy": false
                },
                {
                    "name": "背景",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 601.68,
                        "height": 394.32,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"znaq\">\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {};\n  },\n\n  mounted() {\n  },\n  methods: {},\n};\n</script>\n\n<style>\n.znaq {\n  width: 100%;\n  height: 100%;\n  background-color: #08143a;\n}\n\n</style>\n"
                    },
                    "left": -10.38,
                    "top": -10.45,
                    "index": "abefc0e5-1d74-4c87-8c32-57ddb4223878",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 13
                }
            ],
            "zIndex": 16,
            "child": {},
            "isname": false
        },
        {
            "title": "文件夹",
            "name": "近期预警",
            "index": "e1be9dde-fbcc-4fbe-82b8-43f1ba92fa68",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "标题",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 217.25,
                        "height": 27.64,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"bt\">\n    <div class=\"bt-head\">\n      <div class=\"line\"></div>\n      <div class=\"name\">预警通知</div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {};\n  },\n\n  mounted() {\n    this.refs = this.$parent.getItemRefs();\n  },\n  methods: {},\n};\n</script>\n\n<style>\n\n.bt-head {\n  display: flex;\n  align-items: center;\n}\n.line {\n  height: 30px;\n  width: 3px;\n  background-color: #1890ff;\n}\n.name {\n  color: #ffffff;\n  font-size: 20px;\n  font-weight: bold;\n  margin-left: 10px;\n}\n</style>\n"
                    },
                    "left": 616.19,
                    "top": -4.09,
                    "index": "c83d2342-1f66-4dcd-910e-4d7f5761048a",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 11
                },
                {
                    "name": "预警通知表格",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "(data) => {\n      return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' };\n};\n",
                    "dataQuery": "(data)=>{\n    return {\"projectId\":\"${project_id}\",\"pageNum\":1,\"pageSize\":10,\"timeStamp\":100000,\"randomNum\":100000}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 607.67,
                        "height": 346.97,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div id=\"gzff\">\n    <el-table\n      :data=\"tableData\"\n      style=\"width: 100%;height: 100%;\"\n      height=\"300px\"\n    >\n      <el-table-column prop=\"gmtWarn\" label=\"日期\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"deviceName\" label=\"安全帽名称\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"userName\" label=\"绑定人员\" show-overflow-tooltip width=\"120\">\n      </el-table-column>\n      <el-table-column prop=\"lwgrsl\" label=\"操作\" show-overflow-tooltip width=\"120\">\n        <template slot-scope=\"scope\">\n          <span style=\"color: #339eff;\" @click='handleView(scope.row)'>位置</span>\n        </template>\n      </el-table-column>\n    \n    </el-table>\n       <el-pagination\n      size=\"medium\"\n      @current-change=\"currentChange\"\n      style=\"margin-top: 10px; text-align: center\"\n      :page-size=\"pageSize\"\n      :pager-count=\"7\"\n      :current-page=\"page\"\n      layout=\"prev, pager, next\"\n      :total=\"total\"\n    >\n    </el-pagination>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      tableData: [],\n      pageSize: 10,\n      total: 0,\n      page: 1,\n      refs:''\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        this.total =val.data.total;\n        this.tableData =val.data.items;\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted(){\n  },\n  methods: {\n     currentChange(value) {\n      this.page=value\n      this.$emit(\"click\", { pageNum: value });\n    },\n    handleView(item) {\n      const refs=this.$parent.getItemRefs()\n      refs['d6e7eaa5-f22c-413a-82a5-e2d3b73064ba'].setDisplay(false)\n      refs['ce6fcce3-13df-46f5-8744-c03b1a4e82ff'].setDisplay(false)\n      refs[\"62194f61-b78c-4e45-a87f-a8eb2deddeac\"].$refs.main.init();\n      refs[\"62194f61-b78c-4e45-a87f-a8eb2deddeac\"].$refs.main.addPolygon();\n    },\n  },\n};\n</script>\n\n<style>\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  color: #fff !important;\n}\n.el-table::before {\n          height: 0px;\n        }\n.el-table {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-pagination {\n  color: #fff !important;\n}\n.el-pager li.btn-quicknext {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  background: transparent !important;\n}\n.el-pager li {\n  background: transparent !important;\n}\n.el-table th {\n  background: rgb(22, 17, 90, 0.5) !important;\n  color: #fefefe;\n  border-bottom: none !important;\n}\n.el-table tr {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-table--enable-row-transition .el-table__body td,\n.el-table .cell {\n  color: #fff;\n}\n\n.el-table--enable-row-hover .el-table__body tr:hover > td {\n  background: rgb(22, 17, 90, 0.5) !important;\n}\n</style>\n"
                    },
                    "left": 605.71,
                    "top": 36.57,
                    "index": "2c1a48b3-9aac-47c6-8cf4-8d1efaf79d45",
                    "child": {
                        "index": [
                            "2c1a48b3-9aac-47c6-8cf4-8d1efaf79d45"
                        ],
                        "paramList": [],
                        "paramName": "pageNum",
                        "paramValue": "pageNum"
                    },
                    "zIndex": 10,
                    "dataMethod": "post",
                    "url": "https://console-api.hibuilding.cn/ydt/hat/screen/warn/pageSelect",
                    "display": false,
                    "proxy": false
                },
                {
                    "name": "背景",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 608.45,
                        "height": 394.63,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"znaq\">\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {};\n  },\n\n  mounted() {\n  },\n  methods: {},\n};\n</script>\n\n<style>\n.znaq {\n  width: 100%;\n  height: 100%;\n  background-color: #08143a;\n}\n\n</style>\n"
                    },
                    "left": 605.88,
                    "top": -10.77,
                    "index": "7e8bb7a6-d657-4e20-96c5-dc56b0137206",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 9
                }
            ],
            "zIndex": 12,
            "child": {},
            "left": null,
            "top": null,
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "电子围栏",
            "index": "a38a7d5c-3212-4e53-8c79-7442b13e61d9",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "选择器",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {projectId:14831,timeStamp:100000,randomNum:100000}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 148.27,
                        "height": 27.72,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div>\n    <el-select\n      v-model=\"value\"\n      class=\"selectNum\"\n      @change=\"onChange\"\n      size=\"mini\"\n      placeholder=\"请选择\"\n    >\n      <el-option\n        v-for=\"item in options\"\n        :key=\"item.value\"\n        :label=\"item.label\"\n        :value=\"item.value\"\n      >\n      </el-option>\n    </el-select>\n  </div>\n</template>\n<script>\nexport default {\n  data() {\n    return {\n      options: [{ label: \"全部\", value: \"\" }],\n      value: \"\",\n      pointList: [],\n      refs: null,\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        if (val.data) {\n          this.pointList = val.data;\n          this.options = [{ label: \"全部\", value: \"\" }];\n          val.data.forEach((item) => {\n            this.options.push({ label: item.areaName, value: item.id });\n          });\n          setTimeout(() => {\n            this.refs[\"0f51b89c-a5fa-4ed4-94c4-4327ef47e529\"].$refs.main.dw =\n              val.data;\n          },1000);\n        }\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  created() {\n    this.refs = this.$parent.getItemRefs();\n  },\n  methods: {\n    onChange(value) {\n      this.value = value;\n      this.$emit(\"click\", {\n        areaId: value,\n      });\n      let list = [];\n      if (value) {\n        this.pointList.forEach((item) => {\n          if (item.id == this.value) {\n            list.push(item);\n          }\n        });\n      } else {\n        list = this.pointList;\n      }\n      this.refs[\"0f51b89c-a5fa-4ed4-94c4-4327ef47e529\"].$refs.main.dw = list;\n    },\n  },\n};\n</script>\n\n<style>\n.el-input__inner {\n  background: transparent !important;\n}\n.selectNum {\n  width: 150px;\n  border: 1px solid #00ffff;\n}\n</style>"
                    },
                    "left": 568.5,
                    "top": 400.48,
                    "index": "dc2c943a-4443-41f8-8099-3922a697c4ce",
                    "child": {
                        "index": [
                            "0f51b89c-a5fa-4ed4-94c4-4327ef47e529"
                        ],
                        "paramList": [],
                        "paramName": "areaId",
                        "paramValue": "areaId"
                    },
                    "zIndex": 7,
                    "url": "https://console-api.hibuilding.cn/ydt/areaFence/list",
                    "dataMethod": "get"
                },
                {
                    "name": "地图",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 1,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "(data,params,refs)=>{\n    return {data:data.data}\n}",
                    "dataHeader": "",
                    "dataQuery": "(data)=>{\n    return {projectId:14831,areaId:'',timeStamp:100000,randomNum:100000}\n}",
                    "stylesFormatter": "",
                    "component": {
                        "width": 742.41,
                        "height": 352.75,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\r\n  <div id=\"map\"></div>\r\n</template>\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      map: null,\r\n      markers: [],\r\n      polygonList: [],\r\n      textList: [],\r\n      infoWindow: null,\r\n      dw: [],\r\n      wz: [],\r\n      onlineNumber:0\r\n    };\r\n  },\r\n  created() {\r\n    window\r\n      .$loadScript(\r\n        \"js\",\r\n        \"https://webapi.amap.com/maps?v=2.0&key=9f8e1526a1829056c58e00fa4e4e8f49\"\r\n      )\r\n      .then(() => {\r\n        this.init();\r\n      });\r\n  },\r\n  watch: {\r\n    dataChart: {\r\n      handler(val) {\r\n        if (val.data) {\r\n          this.wz = val.data.allLBSList;\r\n          this.onlineNumber = val.data.onlineNumber\r\n          if (this.map) {\r\n            this.handleMarker();\r\n          } else {\r\n            setTimeout(() => {\r\n              this.handleMarker();\r\n            }, 500);\r\n          }\r\n        }\r\n      },\r\n      deep: true,\r\n      immediate: true,\r\n    },\r\n    dw: {\r\n      handler(val) {\r\n        if (val) {\r\n          this.dw = val;\r\n          this.addPolygon();\r\n        }\r\n      },\r\n      deep: true,\r\n      immediate: true,\r\n    },\r\n  },\r\n  methods: {\r\n    init() {\r\n      this.map = new AMap.Map(\"map\", {\r\n        resizeEnable: true,\r\n        viewMode: \"3D\",\r\n        layers: [new AMap.TileLayer.Satellite()],\r\n        center: [120.261443, 29.274805],\r\n        zoom: 15,\r\n        expandZoomRange: true,\r\n        zooms: [1, 20],\r\n      });\r\n    },\r\n    getCenter(PolygonArr) {\r\n      let total = PolygonArr.length;\r\n      let X = 0;\r\n      let Y = 0;\r\n      let Z = 0;\r\n      PolygonArr.forEach((lnglat) => {\r\n        let lng = (lnglat[0] * Math.PI) / 180;\r\n        let lat = (lnglat[1] * Math.PI) / 180;\r\n        let x, y, z;\r\n        x = Math.cos(lat) * Math.cos(lng);\r\n        y = Math.cos(lat) * Math.sin(lng);\r\n        z = Math.sin(lat);\r\n        X += x;\r\n        Y += y;\r\n        Z += z;\r\n      });\r\n      X = X / total;\r\n      Y = Y / total;\r\n      Z = Z / total;\r\n\r\n      let Lng = Math.atan2(Y, X);\r\n      let Hyp = Math.sqrt(X * X + Y * Y);\r\n      let Lat = Math.atan2(Z, Hyp);\r\n      return [(Lng * 180) / Math.PI, (Lat * 180) / Math.PI];\r\n    },\r\n\r\n    handleMarker() {\r\n      if (this.markers.length) {\r\n        this.map.remove(this.markers);\r\n      }\r\n      this.markers = [];\r\n      let data = this.wz;\r\n      let points = this.wz.map((item) => {\r\n        return [item.point.lng, item.point.lat];\r\n      });\r\n      for (let i = 0; i < points.length; i++) {\r\n        const icon = new AMap.Icon({\r\n          size: new AMap.Size(19, 33),\r\n          image:\r\n            \"https://fast-release.oss-cn-hangzhou.aliyuncs.com/upload/20240703/7de54baf35812bf26a16373d5f9bb068.png\",\r\n        });\r\n        let marker = new AMap.Marker({\r\n          icon,\r\n          position: points[i],\r\n          offset: new AMap.Pixel(-9.5, -16.5),\r\n        });\r\n        marker.on(\"click\", (e) => {\r\n          this.infoWindow = new AMap.InfoWindow({\r\n            content: ` <div class=\"map-bubble\">\r\n    <div class=\"bubble-left\">\r\n      <img\r\n        src=${data[i].avatar}\r\n      />\r\n    </div>\r\n    <div class=\"bubble-rigth\">\r\n      <div class=\"bubble-li\">${data[i].userName} ${data[i].jobName}</div>\r\n      <div class=\"bubble-li\">电量：${data[i].batterylevel * 100}%</div>\r\n      <div class=\"bubble-li\">${data[i].gmtUpload}</div>\r\n    </div>\r\n  </div>`,\r\n          });\r\n          this.infoWindow.open(this.map, [points[i][0], points[i][1]]);\r\n          this.map.setCenter([points[i][0], points[i][1]]);\r\n        });\r\n        this.markers.push(marker);\r\n        this.map.add(marker);\r\n      }\r\n    },\r\n    addPolygon() {\r\n      if (this.polygonList.length) {\r\n        this.map.remove(this.polygonList);\r\n        this.map.remove(this.textList);\r\n      }\r\n      for (let i = 0; i < this.dw.length; i++) {\r\n        let mapLine = this.dw[i].pointList.map((item) => {\r\n          return [item.lng, item.lat];\r\n        });\r\n        this.polygonList[i] = new AMap.Polygon({\r\n          map: this.map,\r\n          path: mapLine,\r\n          strokeColor: \"#2bb573\",\r\n          strokeWeight: 5,\r\n          strokeOpacity: 0.5,\r\n          fillOpacity: 0.3,\r\n          fillColor: `#409EFF`,\r\n          zIndex: 50,\r\n          bubble: true,\r\n        });\r\n        this.textList[i] = new AMap.Text({\r\n          map: this.map,\r\n          text: `在线人数:${this.onlineNumber}人`,\r\n          anchor: \"center\", // 设置文本标记锚点\r\n          style: {\r\n            \"text-align\": \"center\",\r\n            \"font-size\": \"16px\",\r\n            \"background-color\": \"#0b2159\",\r\n            \"z-index\": 1,\r\n            color: \"#fff\",\r\n          },\r\n          position: this.getCenter(mapLine),\r\n        });\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style>\r\n#map {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.amap-icon > img {\r\n  width: 100%;\r\n  height: 100%;\r\n}\r\n.amap-info-content {\r\n  background-color: #0b2159;\r\n}\r\n.map-bubble {\r\n  width: 230px;\r\n  font-size: 15px;\r\n  background-color: #0b2159;\r\n  color: #fff;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n.bubble-left > img {\r\n  width: 60px;\r\n  height: 85px;\r\n}\r\n.bubble-rigth {\r\n  width: calc(100% - 70px);\r\n}\r\n.amap-info-sharp {\r\n  border-top: 8px solid #0b2159 !important;\r\n}\r\n</style>\r\n"
                    },
                    "left": -11.3,
                    "top": 441.79,
                    "index": "0f51b89c-a5fa-4ed4-94c4-4327ef47e529",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 6,
                    "lock": true,
                    "url": "https://console-api.hibuilding.cn/ydt/hat/screen/allLbs"
                },
                {
                    "name": "标题",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 217.25,
                        "height": 27.64,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"bt\">\n    <div class=\"bt-head\">\n      <div class=\"line\"></div>\n      <div class=\"name\">电子围栏</div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {};\n  },\n\n  mounted() {\n    this.refs = this.$parent.getItemRefs();\n  },\n  methods: {},\n};\n</script>\n\n<style>\n\n.bt-head {\n  display: flex;\n  align-items: center;\n}\n.line {\n  height: 30px;\n  width: 3px;\n  background-color: #1890ff;\n}\n.name {\n  color: #ffffff;\n  font-size: 20px;\n  font-weight: bold;\n  margin-left: 10px;\n}\n</style>\n"
                    },
                    "left": -1.5,
                    "top": 404.46,
                    "index": "84897149-e00d-4691-8b5c-9c6de731c94e",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 5
                },
                {
                    "name": "背景",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 743.28,
                        "height": 396.21,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"znaq\">\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {};\n  },\n\n  mounted() {\n  },\n  methods: {},\n};\n</script>\n\n<style>\n.znaq {\n  width: 100%;\n  height: 100%;\n  background-color: #08143a;\n}\n\n</style>\n"
                    },
                    "left": -10.77,
                    "top": 394.85,
                    "index": "a7313dba-cebe-472d-8810-a362d0dac1c3",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 4
                }
            ],
            "zIndex": 8,
            "child": {},
            "left": null,
            "top": null,
            "isname": false,
            "dataFormatter": ""
        },
        {
            "title": "文件夹",
            "name": "近期预警数据",
            "index": "8716facc-f30f-417c-b1d4-4d672d5be802",
            "menu": true,
            "display": false,
            "lock": false,
            "children": [
                {
                    "name": "标题",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 217.25,
                        "height": 27.64,
                        "name": "vue",
                        "prop": "vue"
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"bt\">\n    <div class=\"bt-head\">\n      <div class=\"line\"></div>\n      <div class=\"name\">近期预警数据</div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {};\n  },\n\n  mounted() {\n    this.refs = this.$parent.getItemRefs();\n  },\n  methods: {},\n};\n</script>\n\n<style>\n\n.bt-head {\n  display: flex;\n  align-items: center;\n}\n.line {\n  height: 30px;\n  width: 3px;\n  background-color: #1890ff;\n}\n.name {\n  color: #ffffff;\n  font-size: 20px;\n  font-weight: bold;\n  margin-left: 10px;\n}\n</style>\n"
                    },
                    "left": 756.04,
                    "top": 404.46,
                    "index": "3d58426d-aef7-4534-8820-75f9ef03e3a0",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 2
                },
                {
                    "name": "折线图",
                    "title": "通用型",
                    "icon": "icon-bar",
                    "img": "img/assets/text5.png",
                    "dataType": 1,
                    "dataMethod": "post",
                    "data": {
                        "categories": [
                            "苹果",
                            "三星",
                            "小米",
                            "oppo",
                            "vivo"
                        ],
                        "series": [
                            {
                                "name": "手机品牌",
                                "data": [
                                    1000879,
                                    3400879,
                                    2300879,
                                    5400879,
                                    3400879
                                ]
                            }
                        ]
                    },
                    "echartFormatter": "function (data,params){\n    const myChart = this.myChart;\n    var xData=[]\n    var yData=[]\n    console.log(data);\n    data.value?.list.map((item)=>{\n     xData.push(item['时间'])\n     yData.push(item['数量（起）'])\n    })\n    return {\n          title: {\n            dataZoom: [\n              {\n                show: true,\n                height: 12,\n                xAxisIndex: [0],\n                bottom: \"8%\",\n                start: 10,\n                end: 90,\n                handleIcon:\n                  \"path://M306.1,413c0,2.2-1.8,4-4,4h-59.8c-2.2,0-4-1.8-4-4V200.8c0-2.2,1.8-4,4-4h59.8c2.2,0,4,1.8,4,4V413z\",\n                handleSize: \"110%\",\n                handleStyle: {\n                  color: \"#d3dee5\",\n                },\n                textStyle: {\n                  color: \"#fff\",\n                },\n                borderColor: \"#90979c\",\n              },\n              {\n                type: \"inside\",\n                show: true,\n                height: 15,\n                start: 1,\n                end: 35,\n              },\n            ],\n            x: \"center\",\n            y: \"4%\",\n            textStyle: {\n              color: \"#fff\",\n              fontSize: \"22\",\n            },\n            subtextStyle: {\n              color: \"#90979c\",\n              fontSize: \"16\",\n            },\n          },\n          legend: {\n            left: 'right',\n             textStyle:{\n              color:'#fff'\n            },\n            data: [\"数量（起）\"],\n          },\n          tooltip: {\n            trigger: \"axis\",\n          },\n          grid: {\n            top: \"15%\",\n            right: \"3%\",\n            left: \"5%\",\n            bottom: \"12%\",\n          },\n          xAxis: [\n            {\n              type: \"category\",\n              data: xData,\n              axisLine: {\n                lineStyle: {\n                  color: \"rgba(255,255,255,0.12)\",\n                },\n              },\n              axisLabel: {\n                margin: 5,\n                color: \"#e2e9ff\",\n                textStyle: {\n                  fontSize: 14,\n                },\n              },\n            },\n          ],\n          yAxis: [\n            {\n              minInterval:1,\n              axisLabel: {\n                formatter: \"{value}\",\n                color: \"#e2e9ff\",\n              },\n              axisLine: {\n                show: false,\n                lineStyle: {\n                  color: \"rgba(255,255,255,1)\",\n                },\n              },\n              splitLine: {\n                lineStyle: {\n                  color: \"rgba(255,255,255,0.12)\",\n                },\n              },\n            },\n          ],\n          series: [\n            {\n              name: '数量（起）',\n              type: \"line\",\n              data: yData,\n              barWidth: \"20px\",\n              itemStyle: {\n                normal: {\n                  color: \"#00D1FF\",\n                },\n              },\n            },\n          ],\n        };\n  }",
                    "dataFormatter": "(data,params,refs)=>{\n    return {value:data.data}\n}",
                    "dataHeader": "(data)=>{\n   return { Sign: \"bearer1:\" + '5c5eac2902730aa696ab3b5ca288dee4' }\n}",
                    "dataQuery": "(data)=>{\n    return {\"org_no\":\"\",\"unit_no\":\"helmet_warn_count\",\"project_id\":\"14831\",\"company_id\":\"\",\"company_ids\":\"\",\"data_format\":\"row\",\"max_num\":50,\"injections\":[{\"key\":\"project_id\",\"value\":\"14831\"},{\"key\":\"equip_no\",\"value\":\"0\"},{\"key\":\"time_type\",\"value\":\"1\"},{\"key\":\"time_pre\",\"value\":1},{\"key\":\"stat_type\",\"value\":\"1\"},{\"key\":\"start_date\",\"value\":\"2023-11-21T01:35:57.320Z\"},{\"key\":\"end_date\",\"value\":\"2023-11-21T01:35:57.320Z\"},{\"key\":\"company_ids\",\"value\":\"\"}],\"timeStamp\":100000,\"randomNum\":100000}\n}",
                    "stylesFormatter": "",
                    "url": "https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
                    "component": {
                        "width": 459.32,
                        "height": 366.17,
                        "name": "common",
                        "prop": "common"
                    },
                    "left": 752.72,
                    "top": 424.98,
                    "index": "2bc908f8-be84-4f0b-891b-2f07957799cc",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 1
                },
                {
                    "name": "背景",
                    "title": "自定义Vue组件",
                    "icon": "icon-bar",
                    "img": "img/assets/text4.png",
                    "dataType": 0,
                    "data": {
                        "name": "avue"
                    },
                    "dataFormatter": "",
                    "dataHeader": "",
                    "dataQuery": "",
                    "stylesFormatter": "",
                    "component": {
                        "width": 467.56,
                        "height": 396.21,
                        "name": "vue",
                        "prop": "vue",
                        "perspective": 0,
                        "scale": 0,
                        "opacity": 0,
                        "rotateX": 0,
                        "rotateY": 0,
                        "rotateZ": 0
                    },
                    "option": {
                        "content": "<template>\n  <div class=\"znaq\">\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {};\n  },\n\n  mounted() {\n  },\n  methods: {},\n};\n</script>\n\n<style>\n.znaq {\n  width: 100%;\n  height: 100%;\n  background-color: #08143a;\n}\n\n</style>\n"
                    },
                    "left": 745.86,
                    "top": 395.67,
                    "index": "08124625-9ab9-4213-9fd2-37645b434430",
                    "child": {
                        "index": [],
                        "paramList": []
                    },
                    "zIndex": 0
                }
            ],
            "zIndex": 3,
            "child": {},
            "left": null,
            "top": null,
            "isname": false,
            "dataFormatter": ""
        }
    ]
}